/* 
    Document   : login
    Created on : 04/03/2013, 17:09:45
    Author     : Leandro
    Description:
        Purpose of the stylesheet follows.
*/
html{

	background-color:#eee9e9;
	font-family: century gothic;
        
	-webkit-animation: 0.5s showup 1 ;
	-moz-animation: 0.5s showup 1;
        -o-animation: 0.5s showup 1;

        
}

body{
    
    margin: 0px;
    
}

#site{

        background-image: url('../images/cefeBlurTransparent.png');
        background-size: 100% 100%;
        background-position: 0px 0px;
        background-repeat: no-repeat;

        height: 660px;
        width: 1349px;        

}




#wrapperLogin{
    

	width:360px;
	height:470px;

    
	margin:0 auto;
	padding-top: 60px;
	
}

#wrapperCadastro{

	width: 700px;
        height: 400px;

	margin:0 auto;
	padding-top: 60px;
	
}
#wrapperHome{
        width: 1000px;
        height: 400px;
        
        margin: auto ;
        background-color:#E0E0F8;
        
}


#LoginForm{

        margin: inherit;
        width: 250px;
        height: 175px;
        position: relative;
        left: 0;	
        
	background-color: #f0f7f9;

	-moz-box-shadow: 5px 5px 2.5px #888;
	-webkit-box-shadow: 5px 5px 2.5px #888;
	box-shadow: 5px 5px 2.5px #888;
        
        -webkit-animation: 0.5s showup 1  ;
	-moz-animation: 0.5s showup 1 ;
        -o-animation: 0.5s showup 1 ;
}

#greetingimg{

    
        width: 60px;
        height: 62px;
        
	margin:inherit;
	
	position:relative;
		
	
}

#cadastroUsuario{
    
    margin: inherit;
    position: relative;
    bottom: 40px;
}

.areaForm {

	width:100%;
	height:25%;

        bottom:20px;
        
        position:relative;
        
	padding: 45px;
}

#cefeBanner{

	position:relative;
        left:-110px;
       
        bottom: 60px;        

        border: 2px solid #7AD2D6;

        width: 572px;
        height: 134px;

        -moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
        
        -webkit-animation: 0.5s showup 1  ;
	-moz-animation: 0.5s showup 1 ;
        -o-animation: 0.5s showup 1 ;
}

.inputAzulClaro{

	background-color:#E0E0F8;

}

.inputAzulEscuro{

	background-color:#aebedc;

}
#cadastroUsuario > table{
    
    margin: inherit;

    
    
}

#Cadastro{
    
        margin: inherit;
        top: 10px;
        position: relative;
        width: 250px;
        height: 55px;
    
        background-color:#f0f7f9;
        
	-moz-box-shadow: 5px 5px 2.5px #888;
	-webkit-box-shadow: 5px 5px 2.5px #888;
	box-shadow: 5px 5px 2.5px #888;
        
	-webkit-animation: 0.5s showup 1  ;
	-moz-animation: 0.5s showup 1 ;
        -o-animation: 0.5s showup 1 ;
        
        
        
}



@-webkit-keyframes rodar{

	0%{
		-webkit-transform:rotate(0deg);
		-webkit-box-shadow:0px;
	}
	50%{
		-webkit-transform:rotate(360deg);
		-webkit-box-shadow:10px 10px 5px #888;
	}
	100%{
		-webkit-transform:rotate(720deg);
		-webkit-box-shadow:0px;
	}

}

@keyframes rodar{
	
	from{
		transform: rotate(0deg);
	}
	top{
		transform: rotate(360deg);
	}

}


@-webkit-keyframes showup{

	0%{
		-webkit-opacity: 0.0025;
	
	}
	100%{
		-webkit-opacity: 1;	
	}

}

@keyframes showup{
    
    0%{
        opacity:0.0025;
    
    }
    100%{
        opacity:1;
        
    }    
}